<!DOCTYPE html>
<!-- saved from url=(0039)http://bootstraptaste.com/theme/amoeba/ -->
<html style="overflow: hidden;">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- BASICS -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>TraceS - 次世代产品质量跟踪服务</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="common/neon/assets/css/bootstrap.css">
<link rel="stylesheet" href="common/neon/assets/css/font-icons/entypo/css/entypo.css">
<link rel="stylesheet" href="common/neon/assets/css/font-icons/font-awesome/css/font-awesome.min.css">

<link rel="stylesheet" href="index.css">

<style type="text/css">
.fancybox-margin {
	margin-right: 0px;
}
</style>
</head>

<body style="height: 5478px;">
	<section id="header" class="appear"></section>
	<div class="navbar navbar-fixed-top skrollable skrollable-between"  
		style="line-height: 80px; height: 80px; background-color: rgba(0, 0, 0, 0.7);box-shadow:0px 0px 12px rgba(0,0,0,0.5)">
		<div class="container">
			<div class="navbar-header">
				
				<h1>
					<a class="navbar-brand skrollable skrollable-between" href="index.html" 
						 style="line-height: 70px; font-size:100%"> TraceS </a>
				</h1>
			</div>
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav skrollable skrollable-between" data-0="margin-top:20px;" data-300="margin-top:5px;" style="margin-top: 20px;">
					<li class=""><a href="#">公司注册</a></li>
					<li class=""><a href="qrdemo/qr-gen-form.html">公司登录</a></li>
					<li class=""><a href="#">关于我们</a></li>
					<li class=""><a href="#">产品反馈</a></li>
				</ul>
			</div>
			<!--/.navbar-collapse -->
		</div>
	</div>

	<section class="featured">
		<div class="container">
			<div class="row mar-bot40">
				<div class="col-md-6 col-md-offset-3">

					<div class="align-center">
						<i class="fa fa-qrcode fa-5x mar-bot20"></i>
						<h2 class="slogan">TraceS - 食品安全卫士</h2>
						<p>Lorem ipsum dolor sit amet, natum bonorum expetendis usu ut. Eum impetus offendit disputationi eu, at vim aliquip lucilius praesent. Alia
							laudem antiopam te ius, sed ad munere integre, ubique facete sapientem nam ut.</p>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!-- services -->
	<section id="section-services" class="section pad-bot30 bg-white">
		<div class="container">

			<div class="row mar-bot40">
				<div class="col-lg-4">
					<div class="align-center">
						<i class="fa fa-code fa-5x mar-bot20"></i>
						<h4 class="text-bold">Valid HTML5</h4>
						<p>Lorem ipsum dolor sit amet, mutat graeco volumus ad eam, singulis patrioque comprehensam nam no. Mei cu dicat voluptaria volumus.</p>
					</div>
				</div>

				<div class="col-lg-4">
					<div class="align-center">
						<i class="fa fa-terminal fa-5x mar-bot20"></i>
						<h4 class="text-bold">Responsive</h4>
						<p>Lorem ipsum dolor sit amet, mutat graeco volumus ad eam, singulis patrioque comprehensam nam no. Mei cu dicat voluptaria volumus.</p>
					</div>
				</div>

				<div class="col-lg-4">
					<div class="align-center">
						<i class="fa fa-bolt fa-5x mar-bot20"></i>
						<h4 class="text-bold">Customizable</h4>
						<p>Lorem ipsum dolor sit amet, mutat graeco volumus ad eam, singulis patrioque comprehensam nam no. Mei cu dicat voluptaria volumus.</p>
					</div>
				</div>

			</div>

		</div>
	</section>

	<!-- spacer section:testimonial -->
	<section id="testimonials" class="section" data-stellar-background-ratio="0.5" style="background-position: 0% 0%;">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="align-center">
						<div class="testimonial pad-top40 pad-bot40 clearfix">
							<h5>Nunc velit risus, dapibus non interdum quis, suscipit nec dolor. Vivamus tempor tempus mauris vitae fermentum. In vitae nulla lacus.
								Sed sagittis tortor vel arcu sollicitudin nec tincidunt metus suscipit.Nunc velit risus, dapibus non interdum.</h5>
							<br> <span class="author">— MIKE DOE <a href="http://bootstraptaste.com/theme/amoeba/#">www.siteurl.com</a></span>
						</div>

					</div>
				</div>
			</div>

		</div>

	</section>

	<!-- about -->
	<section id="section-about" class="section appear clearfix">
		<div class="container">

			<div class="row mar-bot40">
				<div class="col-md-offset-3 col-md-6">
					<div class="section-header">
						<h2 class="section-heading animated" data-animation="bounceInUp">Our Team</h2>
						<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet consectetur, adipisci velit, sed quia non numquam.</p>
					</div>
				</div>
			</div>

			<div class="row align-center mar-bot40">
				<div class="col-md-3">
					<div class="team-member">
						<figure class="member-photo">
							<img src="./Amoeba free one page responsive bootstrap site template_files/member1.jpg" alt="">
						</figure>
						<div class="team-detail">
							<h4>Jason Doe</h4>
							<span>User experiences</span>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="team-member">
						<figure class="member-photo">
							<img src="./Amoeba free one page responsive bootstrap site template_files/member2.jpg" alt="">
						</figure>
						<div class="team-detail">
							<h4>Timothy Clark</h4>
							<span>Web developer</span>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="team-member">
						<figure class="member-photo">
							<img src="./Amoeba free one page responsive bootstrap site template_files/member3.jpg" alt="">
						</figure>
						<div class="team-detail">
							<h4>Vicky Tan</h4>
							<span>Web designer</span>
						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="team-member">
						<figure class="member-photo">
							<img src="./Amoeba free one page responsive bootstrap site template_files/member4.jpg" alt="">
						</figure>
						<div class="team-detail">
							<h4>Kevin Peterson</h4>
							<span>UI designer</span>
						</div>
					</div>
				</div>
			</div>

		</div>
	</section>
	<!-- /about -->

	<!-- spacer section:stats -->
	<section id="parallax1" class="section pad-top40 pad-bot40" data-stellar-background-ratio="0.5" style="background-position: 0% 0%;">
		<div class="container">
			<div class="align-center pad-top40 pad-bot40">
				<blockquote class="bigquote color-white">Indoctum accusamus comprehensam</blockquote>
				<p class="color-white">Bootstraptaste</p>
			</div>
		</div>
	</section>

	<!-- section works -->
	<section id="section-works" class="section appear clearfix">
		<div class="container">

			<div class="row mar-bot40">
				<div class="col-md-offset-3 col-md-6">
					<div class="section-header">
						<h2 class="section-heading animated" data-animation="bounceInUp">Portfolio</h2>
						<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet consectetur, adipisci velit, sed quia non numquam.</p>
					</div>
				</div>
			</div>

			<div class="row">
				<nav id="filter" class="col-md-12 text-center">
					<ul>
						<li><a href="http://bootstraptaste.com/theme/amoeba/#" class="current btn-theme btn-small" data-filter="*">All</a></li>
						<li><a href="http://bootstraptaste.com/theme/amoeba/#" class="btn-theme btn-small" data-filter=".webdesign">Web Design</a></li>
						<li><a href="http://bootstraptaste.com/theme/amoeba/#" class="btn-theme btn-small" data-filter=".photography">Photography</a></li>
						<li><a href="http://bootstraptaste.com/theme/amoeba/#" class="btn-theme btn-small" data-filter=".print">Print</a></li>
					</ul>
				</nav>
				<div class="col-md-12">
					<div class="row">
						<div class="portfolio-items isotopeWrapper clearfix isotope" id="3" style="position: relative; overflow: hidden; height: 915px;">

							<article class="col-md-4 isotopeItem webdesign isotope-item"
								style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">
								<div class="portfolio-item">
									<img src="./Amoeba free one page responsive bootstrap site template_files/img1.jpg" alt="">
									<div class="portfolio-desc align-center">
										<div class="folio-info">
											<h5>
												<a href="http://bootstraptaste.com/theme/amoeba/#">Portfolio name</a>
											</h5>
											<a href="./Amoeba free one page responsive bootstrap site template_files/img1.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
										</div>
									</div>
								</div>
							</article>

							<article class="col-md-4 isotopeItem photography isotope-item"
								style="position: absolute; left: 0px; top: 0px; transform: translate3d(390px, 0px, 0px);">
								<div class="portfolio-item">
									<img src="./Amoeba free one page responsive bootstrap site template_files/img2.jpg" alt="">
									<div class="portfolio-desc align-center">
										<div class="folio-info">
											<h5>
												<a href="http://bootstraptaste.com/theme/amoeba/#">Portfolio name</a>
											</h5>
											<a href="./Amoeba free one page responsive bootstrap site template_files/img2.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
										</div>
									</div>
								</div>
							</article>


							<article class="col-md-4 isotopeItem photography isotope-item"
								style="position: absolute; left: 0px; top: 0px; transform: translate3d(780px, 0px, 0px);">
								<div class="portfolio-item">
									<img src="./Amoeba free one page responsive bootstrap site template_files/img3.jpg" alt="">
									<div class="portfolio-desc align-center">
										<div class="folio-info">
											<h5>
												<a href="http://bootstraptaste.com/theme/amoeba/#">Portfolio name</a>
											</h5>
											<a href="./Amoeba free one page responsive bootstrap site template_files/img3.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
										</div>
									</div>
								</div>
							</article>

							<article class="col-md-4 isotopeItem print isotope-item"
								style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 305px, 0px);">
								<div class="portfolio-item">
									<img src="./Amoeba free one page responsive bootstrap site template_files/img4.jpg" alt="">
									<div class="portfolio-desc align-center">
										<div class="folio-info">
											<h5>
												<a href="http://bootstraptaste.com/theme/amoeba/#">Portfolio name</a>
											</h5>
											<a href="./Amoeba free one page responsive bootstrap site template_files/img4.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
										</div>
									</div>
								</div>
							</article>

							<article class="col-md-4 isotopeItem photography isotope-item"
								style="position: absolute; left: 0px; top: 0px; transform: translate3d(390px, 305px, 0px);">
								<div class="portfolio-item">
									<img src="./Amoeba free one page responsive bootstrap site template_files/img5.jpg" alt="">
									<div class="portfolio-desc align-center">
										<div class="folio-info">
											<h5>
												<a href="http://bootstraptaste.com/theme/amoeba/#">Portfolio name</a>
											</h5>
											<a href="./Amoeba free one page responsive bootstrap site template_files/img5.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
										</div>
									</div>
								</div>
							</article>

							<article class="col-md-4 isotopeItem webdesign isotope-item"
								style="position: absolute; left: 0px; top: 0px; transform: translate3d(780px, 305px, 0px);">
								<div class="portfolio-item">
									<img src="./Amoeba free one page responsive bootstrap site template_files/img6.jpg" alt="">
									<div class="portfolio-desc align-center">
										<div class="folio-info">
											<h5>
												<a href="http://bootstraptaste.com/theme/amoeba/#">Portfolio name</a>
											</h5>
											<a href="./Amoeba free one page responsive bootstrap site template_files/img6.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
										</div>
									</div>
								</div>
							</article>

							<article class="col-md-4 isotopeItem print isotope-item"
								style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 610px, 0px);">
								<div class="portfolio-item">
									<img src="./Amoeba free one page responsive bootstrap site template_files/img7.jpg" alt="">
									<div class="portfolio-desc align-center">
										<div class="folio-info">
											<h5>
												<a href="http://bootstraptaste.com/theme/amoeba/#">Portfolio name</a>
											</h5>
											<a href="./Amoeba free one page responsive bootstrap site template_files/img7.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
										</div>
									</div>
								</div>
							</article>

							<article class="col-md-4 isotopeItem photography isotope-item"
								style="position: absolute; left: 0px; top: 0px; transform: translate3d(390px, 610px, 0px);">
								<div class="portfolio-item">
									<img src="./Amoeba free one page responsive bootstrap site template_files/img8.jpg" alt="">
									<div class="portfolio-desc align-center">
										<div class="folio-info">
											<h5>
												<a href="http://bootstraptaste.com/theme/amoeba/#">Portfolio name</a>
											</h5>
											<a href="./Amoeba free one page responsive bootstrap site template_files/img8.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
										</div>
									</div>
								</div>
							</article>

							<article class="col-md-4 isotopeItem print isotope-item"
								style="position: absolute; left: 0px; top: 0px; transform: translate3d(780px, 610px, 0px);">
								<div class="portfolio-item">
									<img src="./Amoeba free one page responsive bootstrap site template_files/img9.jpg" alt="">
									<div class="portfolio-desc align-center">
										<div class="folio-info">
											<h5>
												<a href="http://bootstraptaste.com/theme/amoeba/#">Portfolio name</a>
											</h5>
											<a href="./Amoeba free one page responsive bootstrap site template_files/img9.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
										</div>
									</div>
								</div>
							</article>
						</div>

					</div>


				</div>
			</div>

		</div>
	</section>
	<section id="parallax2" class="section parallax" data-stellar-background-ratio="0.5" style="background-position: 0% 0%;">
		<div class="align-center pad-top40 pad-bot40">
			<blockquote class="bigquote color-white">Indoctum accusamus comprehensam</blockquote>
			<p class="color-white">Bootstraptaste</p>
		</div>
	</section>

	<!-- contact -->
	<section id="section-contact" class="section appear clearfix">
		<div class="container">

			<div class="row mar-bot40">
				<div class="col-md-offset-3 col-md-6">
					<div class="section-header">
						<h2 class="section-heading animated" data-animation="bounceInUp">Contact us</h2>
						<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet consectetur, adipisci velit, sed quia non numquam.</p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-8 col-md-offset-2">
					<div class="cform" id="contact-form">
						<div id="sendmessage">Your message has been sent. Thank you!</div>
						<form action="http://bootstraptaste.com/theme/amoeba/contact/contact.php" method="post" role="form" class="contactForm">
							<div class="form-group">
								<label for="name">Your Name</label> <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="maxlen:4"
									data-msg="Please enter at least 4 chars">
								<div class="validation"></div>
							</div>
							<div class="form-group">
								<label for="email">Your Email</label> <input type="email" class="form-control" name="email" id="email" placeholder="Your Email"
									data-rule="email" data-msg="Please enter a valid email">
								<div class="validation"></div>
							</div>
							<div class="form-group">
								<label for="subject">Subject</label> <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject"
									data-rule="maxlen:4" data-msg="Please enter at least 8 chars of subject">
								<div class="validation"></div>
							</div>
							<div class="form-group">
								<label for="message">Message</label>
								<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us"></textarea>
								<div class="validation"></div>
							</div>

							<button type="submit" class="btn btn-theme pull-left">SEND MESSAGE</button>
						</form>

					</div>
				</div>
				<!-- ./span12 -->
			</div>

		</div>
	</section>
	<!-- map -->
	<section id="section-map" class="clearfix">
		<div id="map"></div>
	</section>

	<section id="footer" class="section footer">
		<div class="container">
			<div class="row animated opacity mar-bot20" data-andown="fadeIn" data-animation="animation">
				<div class="col-sm-12 align-center">
					<ul class="social-network social-circle">
						<li><a href="http://bootstraptaste.com/theme/amoeba/#" class="icoRss" title="Rss"><i class="fa fa-rss"></i></a></li>
						<li><a href="http://bootstraptaste.com/theme/amoeba/#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
						<li><a href="http://bootstraptaste.com/theme/amoeba/#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
						<li><a href="http://bootstraptaste.com/theme/amoeba/#" class="icoGoogle" title="Google +"><i class="fa fa-google-plus"></i></a></li>
						<li><a href="http://bootstraptaste.com/theme/amoeba/#" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
					</ul>
				</div>
			</div>

			<div class="row align-center copyright">
				<div class="col-sm-12">
					<p>
						Copyright © 2014 Amoeba - by <a href="http://bootstraptaste.com/">Bootstraptaste</a>
					</p>
				</div>
			</div>
		</div>

	</section>
	<a href="http://bootstraptaste.com/theme/amoeba/#header" class="scrollup" style="display: none;"><i class="fa fa-chevron-up"></i></a>



	<div id="ascrail2003" class="nicescroll-rails"
		style="width: 5px; z-index: 999; cursor: default; position: fixed; top: 0px; height: 100%; right: 0px; opacity: 0.5;">
		<div
			style="position: relative; top: 0px; float: right; width: 5px; height: 57px; border-radius: 2px; background-color: rgb(25, 25, 25); background-clip: padding-box;"></div>
	</div>
	<div id="ascrail2003-hr" class="nicescroll-rails"
		style="height: 5px; z-index: 999; position: fixed; left: 0px; width: 100%; bottom: 0px; cursor: default; display: none; opacity: 0.5;">
		<div
			style="position: relative; top: 0px; height: 5px; width: 1360px; border-radius: 2px; background-color: rgb(25, 25, 25); background-clip: padding-box;"></div>
	</div>
</body>
</html>